<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="css/eui.css">
</head>
<body>
<div id="app">
    <!--字体图标-->
    <i style="color: red;font-size: 50px;" class="el-icon-edit"></i>
    <i class="el-icon-share"></i>
    <i class="el-icon-delete"></i>
    <el-button type="primary" icon="el-icon-search">搜索</el-button>
    <i class="el-icon-delete-solid">删除</i>
    <i class="el-icon-delete">删除</i>
    <i style="color: red;font-size: 50px;" class="el-icon-eleme">饿了么</i>
    <i class="el-icon-user-solid">小人</i>
    <i class="el-icon-loading" style="color: red;font-size: 50px"></i>
    <el-button type="success" icon="el-icon-loading">加载</el-button>
    <el-button type="info" icon="el-icon-loading">加载</el-button>
    <el-button type="danger" icon="el-icon-loading">加载</el-button>
    <el-button type="warning" icon="el-icon-loading">加载</el-button>
    <el-button type="primary" icon="el-icon-loading">加载</el-button>
    <el-button type="primary" disabled="true" round="true" icon="el-icon-loading">加载</el-button>
</div>
</body>
<!-- import Vue before Element -->
<script src="js/vue.js"></script>
<!-- import JavaScript -->
<script src="js/eui.js"></script>
<script>
    let v=new Vue({
        el: '#app',
        data: function() {
            return { }
        }
    })
</script>
</html>